@page "/pdf/layers"
@inject Microsoft.JSInterop.IJSRuntime JS
@using System.IO
@using Syncfusion.Blazor.Buttons
@inject Microsoft.AspNetCore.Hosting.IWebHostEnvironment hostingEnvironment
@inherits SampleBaseComponent;
@*Hidden:Lines*@

@using BlazorDemos.Data.FileFormats.PDF

@*End:Hidden*@

<SampleDescription>
    <p>This sample demonstrates adding layers (Optional Content Group) with different shapes in the PDF document. The Essential PDF also supports to create, merge, and toggle the layers.</p>
</SampleDescription>
<ActionDescription>
 <p>This feature can be used in CAD drawings, maps, layered artworks, and multi-language documents. More information about the layers can be found in this documentation <a target='_blank' href='https://help.syncfusion.com/file-formats/pdf/working-with-layers?_ga=2.254863048.1703522802.1584005056-1302582622.1556169414'> section.</a></p>
</ActionDescription>

<div class="control-section">
    <p style="font-weight:normal">Click the button to view a PDF document generated by Essential PDF. Please note that Adobe Reader or its equivalent is required to view the resultant document. </p>

    <div class="button-section">
        <div id="button-control">
            <div class="row">
                <div>
                    <SfButton @onclick="LayersPDF">Generate PDF</SfButton>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    .radio-control {
        margin: 0 0 5% 0;
    }

    .control-section .row {
        margin: 10px 0;
    }
</style>

@code {
   
    /// <summary>
    /// Create and download the simple PDF document
    ///<summary>
    protected async void LayersPDF(MouseEventArgs args)
    {	    
        LayersService service = new LayersService(hostingEnvironment);
        MemoryStream documentStream = service.LayersPDF();
        await JS.SaveAs("Layers.pdf", documentStream.ToArray());
    }
}
